/*
* 原生Js：
* 添加监听事件 与 直接使用onclick、onkeydown一样的效果
* 可以控制事件是 冒泡事件、捕获事件
* 还可以移除已经添加的事件
* add 添加
* Event 事件
* Listener 监听者
*
* * remove 移除
* Event 事件
* Listener 监听者
* dom.addEventListener(事件的名字（都是去掉on），函数)
* */
// function dianji() {
//     alert();
//     //移除某个事件
//     document.body.removeEventListener("click",dianji)
// }
// document.body.addEventListener("click",dianji);

/*
* 摇一摇功能实现
* 1、可以自由控制事件的监听
* 2、监听手机陀螺仪的状态 window.addEventListener("devicemotion", 函数);
* 3、计算摇一摇这个动作 所在陀螺仪所在状态的范围
* */

function addShake(callback) {
    function shake(event) {
        var x = event.acceleration.x;
        //区分 是否摇一摇之后的状态
        var isShake = false;
        //数值可以控制摇一摇的敏感度
        if (x>30||x<-30){
            //只要进入这个判断就是手机要动过一次
            //更改isShake的值 标示为已经摇过
            isShake = true
            callback();
        }
        //如果已经摇一摇过
        //    设置隔几秒才可以继续摇
        if (isShake === true){
            //移除陀螺仪的监听事件 更新是否摇一摇变量的值
            isShake = false
            //移除监听陀螺仪的事件
            window.removeEventListener("devicemotion",shake)
//            3秒后才能使用摇一摇
            setInterval(function () {
                window.addEventListener("devicemotion",shake)
            },3000)
        }


    }
    window.addEventListener("devicemotion",shake);
}
var result = $(".result")
$(".title").dblclick(function () {
    var dis =  $(".result").css("display")
    console.log(dis)
    result.css("display",dis==="block"?"none":"block")
})

addShake(function () {
    $.get("http://route.showapi.com/151-2?showapi_appid=54108&showapi_sign=9be50f897c484a4c97e9dea85addb196",function (data) {
        console.log(JSON.parse(data));
        var list = JSON.parse(data).showapi_res_body.pagebean.contentlist
        console.log(list)

        var index = parseInt(Math.random()*list.length);
        console.log(list[index]);
        //随机出来的题目
        var obj = list[index];

        $(".title").text(obj.title)
        $(".result").text(obj.answer);
    });
});


function loadData(url,callback) {

}



/*
* hanshu 函数名
* a 形参 可以表示任何内容
* hanshu(1) 调用函数
* 1 实参 实际传入到函数中的内容 a 就代表1
* hanshu(10):a 就代表10
* */
// function hanshu(a) {
//     console.log(a)
//     a();
// }
// // hanshu(1);
// // hanshu(10);
// hanshu(function () {
//     alert()
// })